<template>
  <div class="app-container">
    <List ref="list"  @add-handle="addHandle" @update-handle="updateHandle"></List>
    <!-- 添加或修改行政区划对话框 -->
    <el-dialog :close-on-click-modal="false" :close-on-press-escape="false"
               :title="title"
               :visible.sync="open"
               width="500px"
               append-to-body
               destroy-on-close
    >
      <Add v-if="type === ADD" @cancel="cancelHandle" @reload="reloadHandle"  ></Add>
      <Edit v-if="type === UPDATE" @cancel="cancelHandle" @reload="reloadHandle" :id="id"></Edit>

    </el-dialog>
  </div>
</template>

<script>
import IndexMixin from "@/minixs/basic/index"

import List from "./list.vue"
import Add from "./add.vue"
import Edit from "./edit.vue"
import Detail from "./edit.vue"

export default {
  name: "Basicimages",
  mixins: [IndexMixin],
  components: {
    List,
    Add,
    Edit,
    Detail
  }
};
</script>
